<template>
	<view class="page">
		<!-- 标题栏 start -->
		<fu-custom :isBack="true" bgColor="bg-white" class="header" :isBottom="false">
			<block slot="content">注销账号</block>
			<block slot="right">
			</block>
		</fu-custom>
		<view class="padding-lr">
			<!-- <view style="width: 100%;height: 120rpx;"></view> -->
			<view>
				<view class="img">
					<image v-if='isSuccess==1' src='../../static/success-icon.png'></image>
					<image v-if='isSuccess==2' src='../../static/loading.png'></image>
				</view>
				<view class="center" >
					{{title}}
				</view>
			</view>
			<view class="bg-white padding info" v-if='isSuccess==1'>
				<view>我们工作人员将会对您的账号进行审核，审核通过后，账号将会被注销，请知悉</view>
			</view>
			<view class="bg-white padding info" v-if='isSuccess==2'>
				注销理由：{{text}}
			</view>
		</view>
		<!-- 断网监测 start -->
		<fu-notwork></fu-notwork>
		<!-- 断网监测 end -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isSuccess: false,
				title: '注销申请提交成功',
				list: [],
				text: ''
			}
		},
		onLoad(option) {
			this.isSuccess = option.isSuccess 
			this.text = option.text;
			if (this.isSuccess) {
				this.title = '处理中'
			}
		},
		methods: {
			handleNext() {
				if (!this.isSuccess) {
					uni.navigateBack({
						delta: 3
					});
				} else {
					this.$urouter.switchTab('/pages/tab/my/my/index');
				}

			}
		},
	}
</script>

<style lang="scss" scoped>
	page, .page {
		height: 100vh;
		background: #ffffff;
	}
	
	.padding-lr{
		padding-top: 88rpx;
	}

	.content {
		min-height: 800rpx;
	}

	.agreement {
		display: flex;
		width: 100%;
		font-family: PingFangSC-Regular;
		font-size: 28rpx;
		color: #666666;
		align-items: center;
		justify-content: center;
		margin-bottom: 30rpx;

		.image {
			height: 28rpx;
			width: 28rpx;
			margin-right: 12rpx;
		}

		text {
			color: #FFA133;
		}
	}

	.login-btn {
		height: 88rpx;
		line-height: 88rpx;
		background: linear-gradient(90deg, #FFA133 0%, #FF5307 100%);
		opacity: 1;
		border-radius: 44px;
		margin: 0 56rpx;
		font-size: 32rpx;
		color: #FFFFFF;
		font-family: PingFang SC;
		font-weight: 500;
		text-align: center;
	}

	.info {
		border-radius: 16rpx;
		padding: 0;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		color: #333333;
		text-align: center;
	}

	.center {
		text-align: center;
		margin: 32rpx 0 40rpx;
		font-size: 32rpx;
		font-weight: 500;
	}

	.img {
		margin: 0 auto;
		width: 180rpx;
		height: 180rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}
</style>
